page{
    width: 100%;
    height: 100%;
    background: rgba(225, 227, 229, 0.51);
    position: relative;
}
.car{
    width: 100%;
    height: ~'calc(100vh - 90rpx)';
    overflow: scroll;
    .car_box{
        width: 100%;
        .car_shop{
            padding: 20rpx 29rpx;
            box-sizing: border-box;
            .car_items{
                width: 100%;
                background-color: #fff;
                border-radius: 10rpx;
                .car_tit{
                    width: 100%;
                    height: 77rpx;
                    display: flex;
                    font-family: 'PingFang SC';
                    font-style: normal;
                    justify-content: space-between;
                    align-items: center;
                    font-size: 26rpx;
                    font-weight: 400;
                    padding: 0 29rpx;
                    box-sizing: border-box;
                    .car_name{ 
                        color: #404040;
                    }
                    .car_btn{
                        color: #FF4444;
                    }
                }
                .car_item{
                    width: 100%;
                    height: 248rpx;
                    display: flex;
                    justify-content: flex-start;
                    .car_wrap{
                        flex: 0.5;
                        display: flex;
                        padding-left: 10rpx;
                        box-sizing: border-box;
                        justify-content: center;
                        align-items: center;
                        checkbox-group{  
                            checkbox .wx-checkbox-input{
                                border-radius: 50%;/* 圆角 */
                                width: 35rpx; /* 背景的宽 */
                                height: 35rpx; /* 背景的高 */
                            }
                            checkbox .wx-checkbox-input.wx-checkbox-input-checked{
                                border: 1rpx solid #f3333e;
                                background: #f3333e;
                            }
                            checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
                                border-radius: 50%;/* 圆角 */
                                width: 34rpx;/* 选中后对勾大小，不要超过背景的尺寸 */
                                height: 35rpx;/* 选中后对勾大小，不要超过背景的尺寸 */
                                line-height:34rpx;
                                text-align: center;
                                font-size:30rpx; /* 对勾大小 30rpx */
                                color:#fff; /* 对勾颜色 白色 */
                                background: transparent;
                                transform:translate(-50%, -50%) scale(1);
                                -webkit-transform:translate(-50%, -50%) scale(1);
                            }
                        }
                    }
                    .car_img{
                        flex: 2.5;
                        width: 216rpx;
                        height: 216rpx;
                        border-radius: 8px;
                        overflow: hidden;
                        image{
                            width: 216rpx;
                            height: 216rpx;
                        }
                    }
                    .car_info{
                        flex: 4;
                        height: 216rpx;
                        padding: 20rpx 30rpx 0rpx 25rpx;
                        box-sizing: border-box;
                        .car_info_name{
                            font-weight: 400;
                            font-size: 26rpx;
                            line-height: 36rpx;
                            color: #292929;
                            height: 100rpx;
                            margin-bottom: 45rpx;
                        }
                        .car_info_drop{
                            width: 100%;
                            display: flex;
                            justify-content: space-between;
                            .car_info_pay{
                                font-weight: 900;
                                font-size: 28rpx;
                                line-height: 40rpx;
                                color: #FF4444;
                                
                                flex: 1;
                            }
                            .car_tool{
                                flex: 1;
                                display: flex;
                                justify-content: flex-end;
                                font-size: 26rpx;
                                align-items: center;
                                .car_edit{
                                    width: 50rpx;
                                    height: 50rpx;
                                    background: #FFFFFF;
                                    border: 1rpx solid #9A9A9A;
                                    box-sizing: border-box;
                                    border-radius: 4rpx;
                                    font-weight: 500;
                                    margin: 0 5rpx;
                                    font-size: 30rpx;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                }
                                .car_num{
                                    width: 60rpx;
                                    height: 50rpx;
                                    background: #FFFFFF;
                                    border: 1rpx solid #9A9A9A;
                                    box-sizing: border-box;
                                    border-radius: 4rpx;
                                    text-align: center;
                                    line-height: 50rpx;
                                    font-size: 24rpx;
                                }
                            }
                        }
                    }
                    
                }
    
            }
            .car_none{
                width: 100%;
                padding: 10rpx 0 50rpx 0;
                box-sizing: border-box;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                image{
                    width: 420rpx;
                    height: 420rpx;
                }
                .car_browse{
                    width: 185rpx;
                    height: 68rpx;
                    line-height: 68rpx;
                    text-align: center;
                    background: #FEF0F0;
                    border: 3rpx solid #FF4444;
                    box-sizing: border-box;
                    border-radius: 40rpx;
                    font-size: 32rpx;
                    color: #FF4444;
                    margin: 20rpx 0;
                }
            }
        }
        .car_more{
            font-family: 'PingFang SC';
            width: 100%;
            font-style: normal;
            box-sizing: border-box;
            padding-bottom: 100rpx;
            .car_none{
                width: 100%;
                font-weight: 400;
                font-size: 28rpx;
                text-align: center;
                color: #292929;
                height: 70rpx;
                line-height: 70rpx;
                padding-top: 40rpx;
            }
            .car_more_tit{
                width: 100%;
                font-weight: 400;
                font-size: 28rpx;
                text-align: center;
                color: #292929;
                height: 50rpx;
                line-height: 50rpx;
                position: relative;
            }
            .car_more_tit::before{
                position: absolute;
                content:"";
                display:block;
                width: 245rpx;
                height: 0rpx;
                left: 0rpx;
                top: 50%;
                border: 1rpx solid #E5E5E5;
            }
            .car_more_tit::after{
                content:"";
                display:block;
                position: absolute;
                width: 245rpx;
                height: 0rpx;
                right: 0;
                top: 50%;
                border: 1rpx solid #E5E5E5;
            }
            .goods{
                padding-top: 10rpx;
                width: 100%;
                box-sizing: border-box;
                .goods_list{
                    width: 100%;
                    padding: 10rpx 16rpx 0 16rpx;
                    box-sizing: border-box;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    .gs_item{
                        width: 350rpx;
                        height: 480rpx;
                        position: relative;
                        background-color: #FFFFFF;
                        border-radius: 18rpx;
                        box-shadow: 0px 1px 10px 1px #CCCDCE;
                        margin-bottom: 20rpx;
                        .gs_item_img{
                            width: 350rpx;
                            height: 350rpx;
                            overflow: hidden;
                            border-radius: 18rpx;
                            image{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .gs_item_tit{
                            text-indent:24rpx ;
                            font-size: 24rpx;
                            color: #4a4a4a;
                            width: 100%;
                            line-height: 40rpx;
                            padding: 0 10rpx;
                            box-sizing: border-box;
                        }
                        .gs_item_money{
                            position: absolute;
                            left: 0;
                            bottom: 0;
                            width: 100%;
                            height: 50rpx;
                            line-height: 50rpx;
                            padding: 0 10rpx;
                            box-sizing: border-box;
                            text{
                                float: left;
                                font-size: 26rpx;
                                color: #ff4544;
                                font-weight: 600;
                            }
                            image{
                                float: right;
                                width: 28rpx;
                                height: 28rpx;
                                margin-top: 11rpx;
                                padding-right: 15rpx;
                            }
                        }
                    }
                }
            }
            .car_more_none{
                width: 100%;
                font-weight: 400;
                font-size: 28rpx;
                text-align: center;
                color: #292929;
                height: 50rpx;
                line-height: 50rpx;
            }
        }
    }
    .car_bottom{
       position: fixed;
       left: 0;
       bottom: ~'calc(90rpx + constant(safe-area-inset-bottom))';
       bottom: ~'calc(90rpx + env(safe-area-inset-bottom))';
       background-color: #ffff;
       height: 90rpx;
       width: 100%;
       padding: 0 58rpx 0 33rpx;
       box-sizing: border-box;
       display: flex;
       justify-content: flex-start;
       align-items: center;
       .car_choice{
            flex: 1;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-weight: 400;
            font-size: 26rpx;
            line-height: 36rpx;
            color: #9A9A9A;
            checkbox-group{
                margin-right: 15rpx;  
                checkbox .wx-checkbox-input{
                    border-radius: 50%;/* 圆角 */
                    width: 35rpx; /* 背景的宽 */
                    height: 35rpx; /* 背景的高 */
                }
                checkbox .wx-checkbox-input.wx-checkbox-input-checked{
                    border: 1rpx solid #f3333e;
                    background: #f3333e;
                }
                checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
                    border-radius: 50%;/* 圆角 */
                    width: 34rpx;/* 选中后对勾大小，不要超过背景的尺寸 */
                    height: 35rpx;/* 选中后对勾大小，不要超过背景的尺寸 */
                    line-height:34rpx;
                    text-align: center;
                    font-size:30rpx; /* 对勾大小 30rpx */
                    color:#fff; /* 对勾颜色 白色 */
                    background: transparent;
                    transform:translate(-50%, -50%) scale(1);
                    -webkit-transform:translate(-50%, -50%) scale(1);
                }
            }
       }
       .car_drop_rt{
            flex: 2;
            display: flex;
            justify-content: flex-end;
            align-items: center;
           .car_drop_pay{
            font-weight: 400;
            font-size: 26rpx;
            line-height: 36rpx;
            color: #9A9A9A;
               text{
                font-weight: 900;
                font-size: 28rpx;
                line-height: 39rpx;
                color: #FF4444;
                margin-right: 10rpx;
               }
           }
           .activebtn{
            background: #FF4444 !important;
           }
           .car_drop_btn{
            width: 142rpx;
            height: 54rpx;
            background-color: #9A9A9A;
            border-radius: 20rpx;
            font-family: 'PingFang SC';
            font-style: normal;
            font-weight: 900;
            font-size: 28rpx;
            line-height: 54rpx;
            color: #FFFFFF;
            text-align: center;
            margin-left: 15rpx;
           }
       }
    }
}
.nologin{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    image{
        width: 380rpx;
        height: 312rpx;
    }
    text{
        font-style: normal;
        font-weight: 400;
        font-size: 28rpx;
        line-height: 35rpx;
        color: #9A9A9A;
        margin-top: 10rpx;
    }
    .login_btn{
        margin-top: 10rpx;
        width: 166rpx;
        height: 66rpx;
        background: #FF4444;
        border-radius: 30rpx;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 900;
        font-size: 28rpx;
        line-height: 66rpx;
        color: #FFFFFF;
        text-align: center;
    }
}